<template>
            <view class="store-info">
                    <view class="shopname">{{d.salonName}}</view>
                    <view class="contact">联系人 {{d.customName}}</view>
                    <view class="phone">手机号 {{d.salonPhone}}</view>
                    <view class="data">
                        <view class="item">
                            <view class="num">{{d.beautyCardSum}}</view>
                            <view class="text">已上架</view>
                        </view>
                           <view class="item">
                            <view class="num">{{d.beautyOrderSum}}</view>
                            <view class="text">本月成交量</view>
                        </view>
                           <view class="item">
                            <view class="num">￥{{d.beautyOrderPrice}}</view>
                            <view class="text">本月成交额</view>
                        </view>
                    </view>
                </view>

</template>
<script>

export default  {
        props:{
            d:{
                type:Object,
                default:{}
            }
        }
}
</script>
<style lang="scss">
    .store-info{
            background: #fff;
            border-radius: 20rpx;
            padding:30rpx;
          
            box-sizing: border-box;
            margin-bottom: 20rpx;
            .shopname{
                color:#000;
                font-size: 36rpx;
                margin-bottom: 10rpx;
            }
            .contact{
                color:#333;
                font-size: 24rpx;
                 margin-bottom: 10rpx;
            }
            .phone{
                @extend .contact;
            }
            .data{
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 20rpx 50rpx;
            }
            .item{
                text-align: center;
            }
            .num{
                color:#000;
                font-size:30rpx;
                font-weight: bold;
                margin-bottom: 10rpx;
              
            }
            .text{
                color:#666;
                font-size: 24rpx
             }

    }

</style>